<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 需要添加 form 表单域才能在提交时进行验证 -->
    <form action="">
      <ul>
        <li><input type="email">邮箱</input></li>
        <li><input type="url">网址</li>
        <li>
          <input type="date"> 日期
        </li>
        <li><input type="time">时间</li>
        <li><input type="month">月份</li>
        <li><input type="week">星期</li>
        <li><input type="number">数量</li>
        <li><input type="tel">手机</li>
        <li><input type="color">颜色</li>
        <li><input type="search">搜索</li>
      </ul>
      <button type="submit">submit</button>
    </form>
  </body>
</html>
